<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>Bootstrap 编辑器金视野系统模板</title>
		<meta name="keywords" content="金视野,教育,平台" />
		<meta name="description" content="金视野开发部,模板,2017" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!-- basic styles -->

		<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="assets/css/font-awesome.min.css" />

		<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

		<!-- page specific plugin styles -->

		<link rel="stylesheet" href="assets/css/jquery-ui-1.10.3.custom.min.css" />

		<!-- fonts -->

		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />

		<!-- ace styles -->

		<link rel="stylesheet" href="assets/css/ace.min.css" />
		<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="assets/css/ace-skins.min.css" />

		<!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->

		<script src="assets/js/ace-extra.min.js"></script>

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

		<!--[if lt IE 9]>
		<script src="assets/js/html5shiv.js"></script>
		<script src="assets/js/respond.min.js"></script>
		<![endif]-->
		<style>
			
			.navright{
				line-height: inherit;
				margin-right: 0px;
				display: inline-block !important;
				
			}
			.btnbg{
				background: dodgerblue !important;
				border: none !important; 
				
			}
			
			.icon-color{
				color: #428bca;
			}
			.liucheng{
				display: inline-block;
				border: 1px solid #E4E4E4;
				padding:10px 20px;
				margin: 20px;
				width: auto;
				border-radius: 4px;
			}
			.liucheng span{
				color: #149c26;
			}
			h4{
				font-size: 16px;
				font-weight: bold;
				
			}
		</style>
	</head>

	<body>
		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">


				

				<div class="main-content" style="margin-left:0px">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb">
							
							<li>
								<i class=" icon-home home-icon" ></i>
								行政事务
							</li>
                            <li><a href="jsyapproval.html">事务及文件审批</a></li>

							
							<li >审批详情</li>
						</ul><!-- .breadcrumb -->

						<ul class="breadcrumb pull-right navright" >
							<li>
								<i class="icon-share-alt icon-color"></i>
								<a href="jsyapproval.html">返回</a>
							</li>
						</ul><!-- #breadcrumb -->
					</div>
                 
					<div class="page-content">
						<div class="page-header" style="text-align: center;" >
							<div style=" margin-top: 10px;text-align: center;">
								<span></span><br>
								<span style="font-size: 20px; color: #000000;line-height: 30px;font-weight: bold;">学校召开家长会</span><br>
								<span style="font-size: 14px; color: #999999;line-height: 30px;">王主任  |  2017/11/16  17:30</span>
							</div>
							
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->

								<div class="row">
									<div class="col-xs-12" >
										
										<p class="lead" style="color: #3333333;font-size: 16px; margin-top: 20px;line-height: 30px; text-indent:2em">
											        AI一旦被唤醒，其自我进化的速度往往超出人类的想象。去年百度世界大会上，百度首次向外界展示的其人工智能成果——百度大脑就是这样一个鲜明的例子。11月16日，在2017百度世界大会上，百度创始人李彦宏在演讲中介绍：“百度大脑每天被内外部调用已经达到了2188亿次。”        AI一旦被唤醒，其自我进化的速度往往超出人类的想象。去年百度世界大会上，百度首次向外界展示的其人工智能成果——百度大脑就是这样一个鲜明
											        的例子。11月16日，在2017百度世界大会上，百度创始人李 彦宏在演讲中介绍：“百度大脑每天被内外部调用已经达到了2188亿次。”AI一旦被唤醒，其自我进化的速度往往超出人类的想象。去年百度世界大会上，百度首次向外界展示的其人工智能成果——百度大脑就是这样一个鲜明的例子。11月16日，在2017百度世界大会上，百度创始人李彦宏在演讲中介绍：“百度大脑每天被内外部调用已经达到了2188亿次。”        AI一旦被唤醒，其自我进化的速度往往超出人类的想象。去年百度世界大会上，百度首次向外界展示的其人工智能成果——百度大脑就是这样一个鲜明
											        的例子。11月16日，在2017百度世界大会上，百度创始人李 彦宏在演讲中介绍：“百度大脑每天被内外部调用已经达到了2188亿次。”
										</p>
									</div>
									
									<div>
									    <p style="font-size: 16px;float: left;margin-left: 10px;">附件：<span style="color: #3c9bfe;">学生召开家长会人员表</span>（9.13k）</p>
										<div class="btn-box" style="float: left;margin-left:10px ;">
												<button class="btn btn-white"style="font-size:12px;text-align:center;padding:0px;vertical-align:middle ;line-height:20px; margin:0px; Height:30px;Width:60px;border-radius:2px;">预览</button>
												<button class="btn btn-primary btnbg" style="font-size:12px;text-align:center;padding:0px;vertical-align:middle ;line-height:20px; margin:0px; Height:30px;Width:60px;border-radius:2px;">下载</button>
										</div>
										
										<span class="clearfix"></span>
									</div>	
								</div>
							</div>
						</div>
						


                               
								<div class="row" style="margin-top: 40px;">
									<div class="col-sm-12 col-xs-12 ">
										<h4 class="header " style="border-bottom: 0 !important;" >批复内容:</h4>

										<div class="widget-box" >
											<div class="widget-header widget-header-small  header-color-green" style="background: #34a8ea;">
												<div class="widget-toolbar">
													<a href="#" data-action="collapse">
														<i class="icon-chevron-up"></i>
													</a>
												</div>
											</div>

											<div class="widget-body" >
												<div class="widget-main no-padding" >
													<div class="wysiwyg-editor" id="editor2"></div>
												</div>

												<div class="widget-toolbox padding-4 clearfix" style="text-align: center;">
													<div class="btn-group pull-right">
														<button class="btn btn-sm btn-danger">
															<i class="icon-save bigger-125"></i>
															退回
														</button>
														
													</div>

													<div class="btn-group center">
														<button class="btn btn-sm btn-success" style="margin-right: 10px;">
															<i class="icon-globe bigger-125"></i>

															批复
															
														</button>
														<button class="btn btn-sm btn-grey" style="margin-left: 10px;">
															<i class="icon-remove bigger-125"></i>
															取消
														</button>

														
													</div>
												</div>
											</div>
										</div>
									</div>

									
								</div>
								<div class="row">
									<div class="col-sm-12 col-xs-12 ">
										<h4 class="header " style="border-bottom: 0 !important;">审批流程:</h4>
										</div>
										<div class="col-sm-12 col-xs-12 " style="text-align: center;">
										<div class="liucheng" style="text-align: center;"><strong>宋经理</strong>&nbsp;同意王老师的申请——2017/11/26 17:30	</div>
										</div>
										<div class="col-sm-12 col-xs-12 "  style="text-align: center;">
										<div class="liucheng"><strong>宋经理</strong>	</div>
									</div>
								</div>

									
								</div>

								<script type="text/javascript">
									var $path_assets = "assets";//this will be used in loading jQuery UI if needed!
								</script>

								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->

				<!-- /#ace-settings-container -->
			</div><!-- /.main-container-inner -->
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->

		

		<!-- <![endif]-->

		<!--[if IE]>

<![endif]-->

		<!--[if !IE]> -->

		<script type="text/javascript">
			window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
		</script>

		<!-- <![endif]-->

		<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/typeahead-bs2.min.js"></script>

		<!-- page specific plugin scripts -->

		<script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="assets/js/markdown/markdown.min.js"></script>
		<script src="assets/js/markdown/bootstrap-markdown.min.js"></script>
		<script src="assets/js/jquery.hotkeys.min.js"></script>
		<script src="assets/js/bootstrap-wysiwyg.min.js"></script>
		<script src="assets/js/bootbox.min.js"></script>

		<!-- ace scripts -->

		<script src="assets/js/ace-elements.min.js"></script>
		<script src="assets/js/ace.min.js"></script>

		<!-- inline scripts related to this page -->

		<script type="text/javascript">
			jQuery(function($){
	
	function showErrorAlert (reason, detail) {
		var msg='';
		if (reason==='unsupported-file-type') { msg = "Unsupported format " +detail; }
		else {
			console.log("error uploading file", reason, detail);
		}
		$('<div class="alert"> <button type="button" class="close" data-dismiss="alert">&times;</button>'+ 
		 '<strong>File upload error</strong> '+msg+' </div>').prependTo('#alerts');
	}

	//$('#editor1').ace_wysiwyg();//this will create the default editor will all buttons

	//but we want to change a few buttons colors for the third style
	$('#editor1').ace_wysiwyg({
		toolbar:
		[
			'font',
			null,
			'fontSize',
			null,
			{name:'bold', className:'btn-info'},
			{name:'italic', className:'btn-info'},
			{name:'strikethrough', className:'btn-info'},
			{name:'underline', className:'btn-info'},
			null,
			{name:'insertunorderedlist', className:'btn-success'},
			{name:'insertorderedlist', className:'btn-success'},
			{name:'outdent', className:'btn-purple'},
			{name:'indent', className:'btn-purple'},
			null,
			{name:'justifyleft', className:'btn-primary'},
			{name:'justifycenter', className:'btn-primary'},
			{name:'justifyright', className:'btn-primary'},
			{name:'justifyfull', className:'btn-inverse'},
			null,
			{name:'createLink', className:'btn-pink'},
			{name:'unlink', className:'btn-pink'},
			null,
			{name:'insertImage', className:'btn-success'},
			null,
			'foreColor',
			null,
			{name:'undo', className:'btn-grey'},
			{name:'redo', className:'btn-grey'}
		],
		'wysiwyg': {
			fileUploadError: showErrorAlert
		}
	}).prev().addClass('wysiwyg-style2');

	

	$('#editor2').css({'height':'200px'}).ace_wysiwyg({
		toolbar_place: function(toolbar) {
			return $(this).closest('.widget-box').find('.widget-header').prepend(toolbar).children(0).addClass('inline');
		},
		toolbar:
		[
			'bold',
			{name:'italic' , title:'Change Title!', icon: 'icon-leaf'},
			'strikethrough',
			null,
			'insertunorderedlist',
			'insertorderedlist',
			null,
			'justifyleft',
			'justifycenter',
			'justifyright'
		],
		speech_button:false
	});


	$('[data-toggle="buttons"] .btn').on('click', function(e){
		var target = $(this).find('input[type=radio]');
		var which = parseInt(target.val());
		var toolbar = $('#editor1').prev().get(0);
		if(which == 1 || which == 2 || which == 3) {
			toolbar.className = toolbar.className.replace(/wysiwyg\-style(1|2)/g , '');
			if(which == 1) $(toolbar).addClass('wysiwyg-style1');
			else if(which == 2) $(toolbar).addClass('wysiwyg-style2');
		}
	});


	

	//Add Image Resize Functionality to Chrome and Safari
	//webkit browsers don't have image resize functionality when content is editable
	//so let's add something using jQuery UI resizable
	//another option would be opening a dialog for user to enter dimensions.
	if ( typeof jQuery.ui !== 'undefined' && /applewebkit/.test(navigator.userAgent.toLowerCase()) ) {
		
		var lastResizableImg = null;
		function destroyResizable() {
			if(lastResizableImg == null) return;
			lastResizableImg.resizable( "destroy" );
			lastResizableImg.removeData('resizable');
			lastResizableImg = null;
		}

		var enableImageResize = function() {
			$('.wysiwyg-editor')
			.on('mousedown', function(e) {
				var target = $(e.target);
				if( e.target instanceof HTMLImageElement ) {
					if( !target.data('resizable') ) {
						target.resizable({
							aspectRatio: e.target.width / e.target.height,
						});
						target.data('resizable', true);
						
						if( lastResizableImg != null ) {//disable previous resizable image
							lastResizableImg.resizable( "destroy" );
							lastResizableImg.removeData('resizable');
						}
						lastResizableImg = target;
					}
				}
			})
			.on('click', function(e) {
				if( lastResizableImg != null && !(e.target instanceof HTMLImageElement) ) {
					destroyResizable();
				}
			})
			.on('keydown', function() {
				destroyResizable();
			});
	    }
		
		enableImageResize();

		/**
		//or we can load the jQuery UI dynamically only if needed
		if (typeof jQuery.ui !== 'undefined') enableImageResize();
		else {//load jQuery UI if not loaded
			$.getScript($path_assets+"/js/jquery-ui-1.10.3.custom.min.js", function(data, textStatus, jqxhr) {
				if('ontouchend' in document) {//also load touch-punch for touch devices
					$.getScript($path_assets+"/js/jquery.ui.touch-punch.min.js", function(data, textStatus, jqxhr) {
						enableImageResize();
					});
				} else	enableImageResize();
			});
		}
		*/
	}


});
		</script>
	<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
